<div class="c-svg-icon-menu">
    <svg
        class="icon-menu"
        :class="{'on-open': isOnOpen }"
        :viewBox="viewBox"
    >
        <line
            class="line-top"
            :x1="paddingX"
            :y1="lineTopY"
            :x2="svgWidth - paddingX"
            :y2="lineTopY"
            :stroke="lineColor"
            :stroke-width="lineWidth"
            stroke-linecap="round"
        />
        <line
            class="line-middle"
            :x1="paddingX"
            :y1="lineMiddleY"
            :x2="svgWidth - paddingX"
            :y2="lineMiddleY"
            :stroke="lineColor"
            :stroke-width="lineWidth"
            stroke-linecap="round"
        />
        <line
            class="line-bottom"
            :x1="paddingX"
            :y1="lineBottomY"
            :x2="svgWidth - paddingX"
            :y2="lineBottomY"
            :stroke="lineColor"
            :stroke-width="lineWidth"
            stroke-linecap="round"
        />
    </svg>
</div>
